<style>
</style>
<template>
    <ly-page>
        <ly-navi title="鉴权"></ly-navi>
        <ly-page-content>

            <ly-markdown>
                <pre v-pre>

## Ly.role
------
####初始化
~~~
 Ly.role.config({
        role: '当前用户的角色名称',
        super_role: '超级角色的权限名称,默认super',
        resources: ['','','权限编码']
    })
~~~
### 菜单与页面权限
>如果用户没有对应菜单或页面的权限编码,右侧菜单会不显示对应的菜单
>如果用户在浏览器地址栏输入对应地址会进入 503 无权限页面

~~~
[{
    "name": "开始",
    "title": "快速开始",
    "icon": "el-icon-brush",
    "code":"code1",     //权限编码
    "children": [
        {
        "name": "安装",
        "code":"code1.code1",                    //权限编码,link和links都会显示这个菜单,他们有相同的权限编码
        "link": "/basic/color",
        "links": ["/basic/color","更多链接"],
        },
        {
        "name": "三级菜单",
        children:[{
        "name": "安装",
        "code":"code1.code1",
        "link": "/basic/color",
        "links": ["/basic/color","更多链接"]  }
        ]
}
,更多菜单]
~~~
### 页面功能区块和功能点
####指令 v-role
>注意两个写法之间的区别
~~~
角色 role1或role2可见,其他角色不可见
<el-button v-role.role1.role2></el-button>


拥有权限编码a.b的角色才可见
<el-button v-role:a.b></el-button>
~~~
### 其他方法
>调用方式 Ly.role.checkRole('role1')

| 名称  |说明   | 参数|返回|
| ------------ | ------------ |------------ |
|  checkRole | 检查角色  |role:角色|boolean|
| checkResource | 检查功能点|resource:功能点 |boolean|
                </pre>
            </ly-markdown>

        </ly-page-content>
    </ly-page>
</template>
<script>
    Rap.define("", [], function () {
        return {
            data: function () {
                return {}
            },
            mounted: function () {

            },
            methods: {}
        }
    })
</script>